{% extends "layout.html" %}

{% block left %}
<div class="col-sm-3 col-md-2 sidebar">
    <ul class="nav nav-sidebar">
        <li class="active"><a href="/line">折线图</a></li>
        <li><a href="/bar">柱形图</a></li>
        <li><a href="/wordcloud">词云</a></li>
            <li><a href="/team">团队</a></li>
    </ul>
</div>
{% endblock %}

{% block right %}
    <head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>乔丹数据分析及可视化</title>
  <meta content="" name="descriptison">
  <meta content="" name="keywords">
  <link href="../static/img/gaochenqian.jpg" rel="icon">
  <link href="../static/css/bootstrap.min.css" rel="stylesheet">
  <link href="../static/css/team.css" rel="stylesheet">
</head>
<body>
    <section id="team" class="team">
      <div class="container">
        <div class="section-title">
          <h2>我们的团队</h2>
          <p>组长：王滨     组员：孙中昱  曹翔  高晨倩  关敬元</p>
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up">
            <div class="member">
              <div class="pic"><img src="../static/img/wangbin.jpg" width="100" height="100"></div>
              <div class="member-info">
                <h4>王滨</h4>
                <span>主体框架</span>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up">
            <div class="member">
              <div class="pic"><img src="../static/img/sunzhongyu.jpg" width="100" height="100"></div>
              <div class="member-info">
                <h4>孙中昱</h4>
                <span>折线图</span>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" >
            <div class="member">
              <div class="pic"><img src="../static/img/caoxiang.jpg" width="100" height="100"></div>
              <div class="member-info">
                <h4>曹翔</h4>
                <span>柱状图</span>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" >
            <div class="member">
              <div class="pic"><img src="../static/img/gaochenqian.jpg" width="100" height="100"></div>
              <div class="member-info">
                <h4>高晨倩</h4>
                <span>数据爬取</span>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" >
            <div class="member">
              <div class="pic"><img src="../static/img/guanjingyuan.jpg" width="100" height="100"></div>
              <div class="member-info">
                <h4>关敬元</h4>
                <span>数据库</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
</body>
{% endblock %}